<template>
  <div>

      <div class="list">
        <!-- <p>订单列表</p> -->
        <!-- <van-list
          v-model="loading"
          :finished="finished"
          finished-text="没有更多了"
          @load="onLoad"
        > -->
          <ul>
            <li v-for="item in list" :key="item.id">
              <h3>{{ item.tcName }}</h3>
              <div>
                <label>订单号：</label>
                <span>{{ item.orderNo }}</span>
              </div>
              <div>
                <label>手机号：</label>
                <span>{{ item.ordeDn }}</span>
              </div>
              <div>{{item.orderTime}}</div>
              <span>佣金{{ item.unitBrokerage }}</span>
            </li>
          </ul>
        <!-- </van-list> -->
      </div>

  </div>
</template>
<script>
// import moment from '@/plugin/moment.js'
import { getPurposeDetailList } from '../service/service.js'
export default {
  name: 'ProcessResult',
  data () {
    return {
      isShowDate: false,
      isDisabled: true,

      loading: false,
      finished: false,
      list: [],
      timeIndex: 1,
      fxPurposeId: ''

    }
  },
  created () {
    this.fxPurposeId = this.$route.query.fxPurposeId
    this.onLoad()
  },
  methods: {
    onLoad () {
      getPurposeDetailList({ fxPurposeId: this.fxPurposeId })
        .then((res) => {
          const data = res.data
          if (data.ret !== 0) {
            this.$toast(data.msg)
            return false
          }
          this.list = data.data
        })
        .catch((err) => {
          console.log(err)
        })
    }

  }
}
</script>
<style lang="less" scoped>
.date-time {
  height: 44px;
  line-height: 44px;
  background: #f2f2f2;
  padding: 0 15px;
  color: #33649d;

  img {
    width: 17px;
    vertical-align: text-bottom;
    margin-right: 5px;
  }
}
.list {
  padding: 0 15px;
  background: #fff;
  height: calc(100vh - 44px);

  overflow: auto;
  > p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  li {
    border-top: 1px solid #ebedf0;
    padding: 12px 0;
    position: relative;
    h3 {
      font-size: 15px;
    }
    div {
      margin-top: 5px;
      font-size: 12px;
      color: #999;
      // label {
      // }
      // span {
      // }
    }
    > span {
      font-size: 14px;
      color: #ff6565;
      position: absolute;
      top: 48px;
      right: 0;
    }
  }
}
.btn {
  text-align: center;
  width: 100%;
  margin-top: 80px;
  button {
    width: 80%;
    height: 44px;
    background: #1890ff;
    border: 1px solid #1890ff;
    border-radius: 5px;
  }
}
</style>
